<template>
  <!-- 头部 -->
  <div class="hot-header">
    <div class="hot-header-center">
      <!-- 左边 -->
      <div class="header-left">
        <h2 class="hot-title" title="爆品情报系统"><nuxt-link to="/hotSystem">爆品情报系统</nuxt-link></h2>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        
      }
    },
    mounted() {
    },
    methods: {
    },
    computed: {
    },
    watch:{

    },
    beforeDestory() {
    }
  }
</script>

<style scoped>
/* 爆品头部 */
.hot-header{
  height:100px;
  border-bottom:2px solid #404040;
  box-sizing:border-box;
  display:flex;
  align-items:center;
}
.hot-header-center{
  width:1440px;
  display:flex;
  justify-content:space-between;
  margin: 0 auto;
  color:#dbdbdc;
  font-size: 16px;
}
@media screen and (max-width:1440px){
  .hot-header-center{
    width:1200px;
    margin: 0 auto;
  }
}
.header-left{
  display:flex;
  justify-content:space-between;
  align-items: center;
  width:700px;
}
.header-left h2 a{
  text-indent:-20000px;
  display:block;
  overflow:hidden;
  width:253px;
  height:48px;
  background: url('../../assets/images/hot-system-logo.png') no-repeat center center;
  background-size:contain;
  cursor:pointer;
}
</style>
